<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no,user-scalable=0" />
        <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
        <title></title>
        <script>
            !(function(e, t) {
                function n() {
                    t.body ? (t.body.style.fontSize = 12 * o + 'px') : t.addEventListener('DOMContentLoaded', n);
                }
                function d() {
                    var e = i.clientWidth / 10;
                    i.style.fontSize = e + 'px';
                }
                var i = t.documentElement,
                    o = e.devicePixelRatio || 1;
                if (
                    (n(),
                    d(),
                    e.addEventListener('resize', d),
                    e.addEventListener('pageshow', function(e) {
                        e.persisted && d();
                    }),
                    o >= 2)
                ) {
                    var a = t.createElement('body'),
                        s = t.createElement('div');
                    (s.style.border = '.5px solid transparent'),
                        a.appendChild(s),
                        i.appendChild(a),
                        1 === s.offsetHeight && i.classList.add('hairlines'),
                        i.removeChild(a);
                }
            })(window, document);
        </script>
        <style>
            [v-cloak] {
                display: none;
            }
        </style>
    </head>
    <body>
        <div id="app"></div>
        <!-- built files will be auto injected -->
        <% if (process.env.NODE_ENV === 'production') { %> <% for(var js of htmlWebpackPlugin.options.cdn.js) { %>
        <link href="<%= js %>" rel="preload" as="script" />
        <script src="<%= js %>"></script>
        <% } %> <% } %>
        <!-- built files will be auto injected -->
    </body>
</html>
